<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">
    </script>
</head>
<body>
<div id="app">
    <p>input 元素</p>
    <input type="text" v-model="message" placeholder="编辑我">
    <p>消息是：{{message}}</p>
    <p>textarea 元素:</p>
    <p style="white-space: pre">{{message2}}</p>
    <textarea name="" id="" v-model="message2" placeholder="多行文本" cols="30" rows="10"></textarea>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            message: "xiaxiang",
            message2: "今晚学习Vue和新浪微博项目开发，和PHP基础学习，还有自己手写框架"
        }
    })
</script>
</body>
</html>